/* ./src/index.css */
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    @font-face {
        font-family: 'webfont';
        font-display: swap;
        src: url('//at.alicdn.com/t/webfont_cxas2c0vikn.eot'); /* IE9*/
        src: url('//at.alicdn.com/t/webfont_cxas2c0vikn.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('//at.alicdn.com/t/webfont_cxas2c0vikn.woff2') format('woff2'),
        url('//at.alicdn.com/t/webfont_cxas2c0vikn.woff') format('woff'), /* chrome、firefox */
        url('//at.alicdn.com/t/webfont_cxas2c0vikn.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
        url('//at.alicdn.com/t/webfont_cxas2c0vikn.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
      },
      p{
          @apply font-sans;
      }

      h1 {
        @apply text-2xl font-semibold py-2;
      }
      h2 {
        @apply text-xl font-medium py-2;
      }
      h3 {
        @apply text-lg font-medium py-1;
      }

      button{
          @apply shadow-sm focus:outline-none active:shadow-inner;
      }

      a{
        @apply text-color-5 hover:underline;
      }

      blockquote{
        @apply border-l-4 border-color-5 py-2 pl-8 bg-color-11
      }

      hr{
        @apply border-t-2 pt-2
      }

      code{
        @apply overflow-auto
      }
  }